<?php
require_once '../include/common.inc.php';
?>
<!doctype html>
<html>
<head>
<meta name="renderer" content="webkit">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<link href="../images/base.css" rel="stylesheet" type="text/css"  />
<script src="script/jquery.min.js"></script>
    <script src="<?=$staticurl?>/room/script/jquery.SuperSlide.2.1.1.js"></script>

<title>名师简介</title>
<style>
.main {  background: #FDFDFD }
.head { height: 119px; padding-top: 80px; background: url(images/b1.jpg) no-repeat }
#nav { border-top: 1px dotted #FFFFFF; width: 460px; }
#nav a { float: left; display: block; padding: 5px; width: 60px; color: #FFF; background: #09F; font-size: 12px; text-align: center; text-decoration: none; }
#tab { width: 460px; height: 400px; overflow: hidden; font-size: 12px; color: #666 }
#tab td { height: 30px; line-height: 30px; }
#tab tr { border-bottom: 1px dotted #EEEEEE }
#tab input {  border:0px; border-bottom:1px solid #333; width:240px;}
.th { text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; width: 60px; padding-right: 10px; color: #333 }
.user_pic{ width:120px; height:150px; position:absolute; top:203px; right:0px; border:5px solid #FFF}
.user_pic img{width:110px; height:150px; border:1px #CCCCCC solid; padding:1px; }
.bc { border:0px; padding:2px;width:40px; height:20px; color:#FFF; background: #0C0}
.user_edit_pic{ width:460px; height:350px; position:absolute;top:203px; right:0px; background:#FDFDFD; text-align:center; padding-top:30px; display:none;}
</style>
</head>

<body>

<style type="text/css">
    /* css 重置 */
    *{margin:0; padding:0; list-style:none; }
    body{ background:#fff; font:normal 12px/22px 宋体;  }
    img{ border:0;  }
    a{ text-decoration:none; color:#333;  }
    a:hover{ color:#1974A1;  }


    /* 本例子css */
    .slideTxtBox{ width:100%; border:1px solid #ddd; text-align:left;  }
    /*.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }*/

    .slideTxtBox .hd {
        height: 59px;
        line-height: 30px;
        background: #f4f4f4;
        padding: 0 0px 0 0px;
        border-bottom: 1px solid #444242;
        position: relative;
    }
    .slideTxtBox .hd ul {
        float: left;
        position: absolute;
        left: 20px;
        top: 9px;
        height: 50px;
    }
    .slideTxtBox .hd ul li {
        float: left;
        padding: 9px 30px;
        cursor: pointer;
        font-size: 30px;
    }

    .slideTxtBox .hd ul li.on {
        height: 30px;
        background: #fff;
        border: 1px solid #444242;
        border-bottom: 2px solid #fff;
    }

    /*.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }*/
    /*.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }*/
    /*.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }*/
    .slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
    .slideTxtBox .bd li{ height:24px; line-height:24px;   }
    .slideTxtBox .bd li .date{ float:right; color:#999;  }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideTxtBox .arrow{  position:absolute; right:50px; top:0; }
    .slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
        cursor:pointer; background:url("http://www.superslide2.com/demo/images/arrow.png") 0 0 no-repeat; }
    .slideTxtBox .arrow .next{ background-position:0 -50px;  }
    .slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
    .slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }

</style>
<div class="main">
    <div class="slideTxtBox">
        <div class="hd">
            <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
<!--            <span class="arrow"><a class="next"></a><a class="prev"></a></span>-->
            <ul class="tabtitle">
<!--                <li class="on">教育</li>-->
<!--                <li class="">培训</li>-->
<!--                <li class="">出国</li>-->
            </ul>
        </div>
        <div class="tempWrap" style="overflow:hidden; position:relative; width:1120px">
            <div class="bd" style="width: 2250px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -1120px;">
<!--                <ul  style="float: left; width: 1090px;">-->
<!--                    <a href="javascript:void(0);" target="_blank"><img src="http://api.gdgccj.com//d/file/shipinzhibo/mingshijianjie2/2017-11-20/17cf72d45b7de95cda9fb562751c824b.jpg"></a>-->
<!--                </ul>-->
<!--                <ul  style="float: left; width: 1090px;">-->
<!--                    <a href="javascript:void(0);" target="_blank"><img src="http://api.gdgccj.com//d/file/shipinzhibo/mingshijianjie2/2017-11-20/b8ef087159303dca77772b9bf5ec870b.jpg"></a>                </ul>-->
<!--                <ul  style="float: left; width: 1090px;">-->
<!--                    <a href="javascript:void(0);" target="_blank"><img src="http://api.gdgccj.com//d/file/shipinzhibo/mingshijianjie2/2017-11-20/17cf72d45b7de95cda9fb562751c824b.jpg"></a>-->
<!--                </ul>-->
            </div></div>
    </div>
</div>

<script>
    //右下角图片
    ad();
    function ad(){
        var url = '<?=$csjurl?>/api/news.php/index/get_news_list?type=jjmsjj&version=1.0.1&page=1&total=10&user_id=0&is_top=1&recommand=1';
        var datas = {
            rid:'<?=$rtypeid?>'
        };

        $.ajax({
            url: url,
            type: 'POST',
            data: datas,
            dataType: 'jsonp',
            jsonp: "callback",
            success: function(data) {
                var rid ='<?=$rtypeid?>';
                var data = data.StringValue;
                if (data.length) {
                    var html ='';
                    var html_t = '';
                    var rows = data;

                    for (var key in rows) {
                        if(rows[key]['writer'] == rid ){
                            var title = rows[key]['title'];
                            var titlepic = rows[key]['titlepic'];

    //                        html_t    += '<li style="display:'+(key==0?'list-item':'none')+'">' ;
    //                        html       +=   '<a href="javascript:void(0);"  target="_blank"><img src="'+titlepic+'"></a>' ;
    //                        html      +=     '</li>';

                            html_t    += '<li class="'+(key==0?'on':'')+'">'+title+'</li>';

                            html    += '<ul  style="float: left; width: 1090px;">';
                            html    += '<a href="javascript:void(0);" target="_blank"><img src="'+titlepic+'"></a>';
                            html    += '</ul>';
                        }
                    }

                    $('.tabtitle').html(html_t);
                    $('.tempWrap .bd').html(html);


                    jQuery(".slideTxtBox").slide({effect:"leftLoop",autoPlay:true,trigger:"click"});


                }
            }
        });

    };
</script>

</body>
</html>
